#compare-classes{
	color:$black;
	background-color:$white;
	width:100%;
	margin:0;
	padding-top:91px;
	@media(width:$mobile-max){
		padding-top:115px;
	}
	@media(width:640px){
		padding-top:110px;
	}
	@media(width:$mobile){
		padding-top:145px;
	}
	.container{
		max-width:1036px;
	}
	.breadcrumb{
		margin-left:-2px !important;
	}
	.thumbnail{
		max-width:215px;
		margin-left: -2px;
    	margin-right: 12px;
		border-radius: 0;
		margin-bottom: 20px;
		border: 1px solid $black;
		@media(width:$tablet-max) {
				width:225px !important;
			}
		@media(min-width:$mobile) and (max-width:$tablet){
			margin: 20px auto;
		}
		h4{
			min-height: 100px;
		}
		.compare-btn{
			@include button($black,$white,$yellow,$black);
			text-align: center;
			vertical-align: middle;
			padding:11px;
			font-family:$verdana;
			font-weight: bold;
			font-size:10px;
			display: block;
			width:100%;
		}
	}
}
.compare-tab{
		background-color: $light-grey;
		padding:20px 0;
		display: none;
		position:fixed;
		top:91px;
		width:100%;
		z-index: 555;
		@media(min-width:$mobile) and (max-width:$tablet){
			display:none !important;
		}
		.container{
			width:1025px;
		}
		.compare-element{
			margin-left:-43px;
			clear: both;
		}
		.compare-btn1{
			@include button($black,$white,$yellow,$black);
			text-align: center;
			vertical-align: middle;
			padding:11px;
			font-family:$verdana;
			font-weight: bold;
			font-size:10px;
			display: block;
			width:100%;
		}
		.xlose-button{
			position:absolute;
			background: url('../img/site-icons.png') no-repeat -37px -69px; width: 19px; height: 18px;
			display: block;
			right: 9px;
    		top: -5px;
		}
		p{
			color:$black;
			font-family: $verdana;
			font-size:10px;
			margin-bottom:10px;
		}
		.thumbnail{
			padding:5px;
			border-radius:0;
		}
	}